<template>
	<div id="box">
		<header>
		    <ol>
			    <li @click="fanhui"><img src="../assets/img/fanhui3.png"></li>
			    <li></li>
				<li></li>
		    </ol>
		    <ul>
				<li><img src="../assets/img/touxiang2.png"></li>
				<li>
				    <p>白骨精</p>
				    <p>ID:<span>125897</span> 积分：<span>1</span></p>
				</li>
			</ul>
			<h2>
				<span>一购币：<b>0</b></span>
				<router-link to="huiyuanchongzhi">
				<button>充值</button>
			</router-link>
			</h2>
		
	</header>
	<section>
		<div class="one">
		<router-link to="xiugainicheng">
			<ul>
				<li><span><img src="../assets/img/xiugainicheng.png"></span><span>修改昵称</span></li>
				<li><img src="../assets/img/gengduo2.png"></li>
			</ul>
		</router-link>
		<router-link to="sjbangding">
			<ul>
				<li><span><img src="../assets/img/xiugaimima.png"></span><span>修改密码</span></li>
				<li><img src="../assets/img/gengduo2.png"></li>
			</ul>
		</router-link>
			<router-link to="wodexiaoxi">
			<ul>
				<li><span><img src="../assets/img/xiugaimima2.png"></span><span>我的消息</span></li>
				<li><img src="../assets/img/gengduo2.png"></li>
			</ul>
		</router-link>
		<router-link to="peisongdizhi">
			<ul>
				<li><span><img src="../assets/img/peisongdizhi.png"></span><span>我的地址</span></li>
				<li><img src="../assets/img/gengduo2.png"></li>
			</ul>
		</router-link>
		</div>
		<router-link to="sjdenglu">
		<button>退出当前登录</button>
	</router-link>
	</section>
	</div>
</template>

<script>
 
export default {
  name: 'box',
 methods:{
 	fanhui(){
 		this.$router.go(-1)
 	}
 }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
 @import ".././assets/less/gerenziliao.less";
   @import ".././assets/css/reset.css";
</style>